<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <style>
             body {
            background: url("https://img-blog.csdnimg.cn/39203c6c9bdd4fd1b802b03816a72a0a.jpg?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5ZCM54y_,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center") no-repeat center center fixed;
            background-size: 100%;
        }
        img {
            width:30%;
            height:200px;
        }
        foot{
            position:absolute;
            left: 40%;
            right:50%;
            text-align: center;
        }
        foot a{
            color: white;
            text-decoration: none;
        }
        </style>
    </head>
    <body>
        <div style="color:aqua">
            <h1>人员信息:</h1>
            <h2>成员：熊涛</h2>
            <h2>学号：0223221</h2>
            <h2>班级：2213班</h2>
        </div>
        <div style="color:crimson">
            <h1>网站介绍:</h1>
            <h2>名称：王者荣耀简介</h2>
            <h2>主题：王者荣耀</h2>
            <h2>动机：因为我比较喜欢玩这款游戏，对这款游戏有足够的了解。</h2>
        </div>
        <div style="color:powderblue">
            <h1>网站设计：</h1>
            <h2>内容板块：这次作业由5张页面构成。主网页是这款游戏的总览，第二张和第三张是这款游戏的具体介绍，第四张是这款游戏的登录界面，第五张是关于这些网页的报告。</h2>
            <h2>页面组织结构：主网站顶部是一个二级导航栏，中部是这款游戏的简介、热门台词、热点新闻，底部是一些本游戏的精美图片。第二张左侧有个侧边栏，右侧是该游戏的一些介绍，第三张由文字和图片构成，让人更好的理解看这款游戏，第四张中部是登陆界面，左右还有一对翅膀，让登录页面更加美观。</h2>
            <h2>每一张子网页都可以回到主网页，主网页底部有4张子网页的链接。</h2>
        </div>
        <div style="color:hotpink">
            <h1>用到的主要技术：html css </h1>
            <h1>工具：vscode edge</h1>
            <h1>相应的效果截图：</h1>
            <img src="\屏幕截图_20230112_211200.png"/>
            <img src="\屏幕截图_20230112_211210.png"/>
            <img src="\屏幕截图_20230112_211218.png"/>
            <img src="\屏幕截图_20230112_211243.png"/>
            <img src="\屏幕截图_20230112_211317.png"/>
            <img src="\屏幕截图_20230112_211326.png"/>
            <img src="\屏幕截图_20230112_211348.png"/>
        </div>
        <div style="color:greenyellow">
            <h1>遇见的问题：</h1>
            <h2>开始做网页的时候速度比较慢，对知识的掌握程度低，随着自己的摸索，效率逐渐变高了，对知识掌握得更加牢固了。</h2>
            <h2>对网站的布局了解不够，不知道该如何布局。</h2>
        </div>
        <div style="color:cornflowerblue">
            <h1>最终结果与讨论：</h1>
            <h2>自我评价：对知识了解与运用程度不够，做不好网页的布局，但有一些亮点。</h2>
            <h2>总结：这次作业完成的并不好，下次得多努努力。</h2>
            <h2>展望：希望我能更加完美得运用知识，对页面的布局更加熟悉。</h2>
        </div>
    </body>
    <foot>
        <a href="http://127.0.0.1:5500/index.html"><h2>回到主网页</h2></a>
    </foot>
</html>